<template>
  <div class="z-filter-search">
    <template v-for="(input, i) in inputs">
      <z-filter-item :key="i" :input="input" />
    </template>
  </div>
</template>

<script>
import ZFilterItem from "./ZFilterItem.vue";
export default {
  name: "ZFilterSearch",
  components: {
    ZFilterItem,
  },
  props: {
    inputs: {
      type: Array,
      default: () => [],
    },
  },
};
</script>

<style lang="scss" scoped>
.z-filter-search {
  display: flex;
  flex-wrap: wrap;
}
</style>
